<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%
request.setCharacterEncoding("utf-8");
%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

		<jsp:include page="../../common/meta/meta.jsp"></jsp:include>
		
		<!-- 引入首页页面css -->
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/pcsofangche/index/index/index.css" />
		<!-- 引入页面css -->
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/pcsofangche/rent/rentpay/rentpay.css" />
		<!-- 引入页面js -->
		<script src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentpay/rentpay.js" type="text/javascript" charset="utf-8"></script>
		
		<!-- 引入日历控件 -->
		<script src="${pageContext.request.contextPath}/static/pcsofangche/source/laydate/laydate.js" type="text/javascript" charset="utf-8"></script>
		<div class="rentpay_head">
			<div class="rentpay_head_topone"></div>
			<div class="rentpay_head_toptwo"></div>
			<div class="rentpay_head_content"><jsp:include page="../../common/allhead/allhead.jsp"></jsp:include></div>
		</div>
		<div class="container">
			<div class="rentpay_pic row">
				<div class="col-lg-12 col-md-12 rentpay_pic_pic">
					<img src="" class="rentpay_pic_pic_posi">
				</div>
			</div>
			<div class="rentpay_info row">
				<div class="col-lg-12 col-md-12 rentpay_info_top row">
					<div class="col-lg-8 col-md-8 rentpay_info_top_info">
						<div class="rentpay_info_top_info_top">订单已提交，请尽快完成支付</div>
						<div class="rentpay_info_top_info_center clearfix">
							<div class="rentpay_info_top_info_center_one">商品信息：</div>
							<div class="rentpay_info_top_info_center_two"></div>						
						</div>
						<div class="rentpay_info_top_info_down clearfix">
							<div class="rentpay_info_top_info_down_one">订单编号：</div>
							<div class="rentpay_info_top_info_down_two"></div>
						</div>
					</div>
					<div class="col-lg-1 col-md-1"></div>
					<div class="col-lg-3 col-md-3 rentpay_info_top_price clearfix">
						<div class="rentpay_info_top_price_one">需支付</div>
						<div class="rentpay_info_top_price_two">￥</div>
						<div class="rentpay_info_top_price_three"></div>
					</div>
				</div>
				<div class="col-lg-12 col-md-12 rentpay_info_center">
					<div class="rentpay_info_center_up">
						<div class="row">
						<div class="col-lg-1 col-md-1"></div>
						<div class="col-lg-2 col-md-2 rentpay_info_center_up_one">
							<img src="" class="img-responsive rentpay_info_center_up_one_posi">
						</div>
						<div class="col-lg-4 col-md-4 rentpay_info_center_up_two">
							<div class="rentpay_info_center_up_two_title"></div>
							<div class="rentpay_info_center_up_two_start clearfix">
								<div class=rentpay_info_center_up_two_start_pick>取车：</div>
								<div class=rentpay_info_center_up_two_start_time>${sessionScope.startDate}</div>
								<div class=rentpay_info_center_up_two_start_time>${sessionScope.starthour}</div>
								<div class="rentpay_info_center_up_two_start_city">${sessionScope.rentcity}</div>
							</div>
							<div class="rentpay_info_center_up_two_end clearfix">
								<div class="rentpay_info_center_up_two_end_return">还车：</div>
								<div class="rentpay_info_center_up_two_end_time">${sessionScope.endDate}</div>
								<div class="rentpay_info_center_up_two_end_time">${sessionScope.endhour}</div>
								<div class="rentpay_info_center_up_two_end_city">${sessionScope.rentcity}</div>
							</div>
						</div>
						<div class="col-lg-5 col-md-5 rentpay_info_center_up_three"></div>
						</div>
					</div>
					<div class="rentpay_info_center_down">
						<div class="rentpay_info_center_down_word">租车人联系信息</div>
						<div class="rentpay_info_center_down_item clearfix">
							<div class="rentpay_info_center_down_item_one">联系人：</div>
							<div class="rentpay_info_center_down_item_two"></div>
						</div>
						<div class="rentpay_info_center_down_item clearfix">
							<div class="rentpay_info_center_down_item_one">手机号码：</div>
							<div class="rentpay_info_center_down_item_two"></div>
						</div>
						<div class="rentpay_info_center_down_item clearfix">
							<div class="rentpay_info_center_down_item_one">邮箱地址：</div>
							<div class="rentpay_info_center_down_item_two"></div>
						</div>
					</div>
				</div>	
				<div class="col-lg-12 col-md-12 rentpay_info_down">
					<div class="rentpay_info_down_up">你可以选择以下方式付款</div>
					<div class="rentpay_info_down_down">
						<div class="row">
						<div class="col-lg-1 col-md-1"></div>
						<div class="col-lg-2 col-md-2 rentpay_info_down_down_weixin errorb">
							<img alt="微信" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentpay/img/rentpay_weixinpay.png" class="rentpay_info_down_down_weixin_oneposi">
							<img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/chooseservice.png" class="rentpay_info_down_down_weixin_twoposi">
						</div>
						<div class="col-lg-1 col-md-1"></div>
						<div class="col-lg-2 col-md-2 rentpay_info_down_down_zhifubao">
							<img alt="支付宝" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentpay/img/rentpay_alipay.png" class="rentpay_info_down_down_zhifubao_oneposi">
							<img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/chooseservice.png" class="rentpay_info_down_down_zhifubao_twoposi hidden">
						</div>
						</div>					
					</div>
				</div>
				<div class="col-lg-12 col-md-12 rentpay_info_pay">
					<input type="button" class="importb center-block rentpay_info_pay_b" value="立即付款" id="paynow" >
				</div>
				<div class="col-lg-12 col-md-12 rentpay_orderinfo">
					<div>${sessionScope.rentorderid}</div>
				</div>
			</div>
		</div>
		
		<div class="rentpay_foot"><jsp:include page="../../common/allfoot/allfoot.jsp"></jsp:include></div>
		<div class="rentpay_slide"><jsp:include page="../../common/allside/allside.jsp"></jsp:include></div>
		
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		   <div class="modal-dialog">
		      <div class="modal-content">
		         <div class="modal-header">
		            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		            <h4 class="modal-title" id="myModalLabel">温馨提示</h4>
		         </div>
		         <div class="modal-body">
		         	<p class="rentpay_paymodal_pay_one">订单正在支付中......</p>
		         	<p class="rentpay_paymodal_pay_two">为了保证正常出行，我们将在24小时内回复预定结果，请留意您的电话及短信通知。如有问题，可随时联系我们的客服</p>
		         </div>
		         <div class="modal-footer">
		            <button type="button" class="btn btn-default">支付成功 </button>
		            <button type="button" class="btn btn-primary" data-dismiss="modal">遇到问题，重新支付 </button>
		         </div>
		 	 </div>
		  	</div>
		  </div>
		  
		  <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		   <div class="modal-dialog">
		      <div class="modal-content">
		         <div class="modal-header">
		            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		            <h4 class="modal-title" id="myModalLabel">温馨提示</h4>
		         </div>
		         <div class="modal-body">
		         	<p class="rentpay_paymodal_pay_one">订单支付成功</p>
		         	<p class="rentpay_paymodal_pay_two">为了保证正常出行，我们将在24小时内回复预定结果，请留意您的电话及短信通知。如有问题，可随时联系我们的客服</p>
		         </div>
		         <div class="modal-footer">
		            <button type="button" class="btn btn-default">此窗口将在<text id="countnum"></text>s内关闭</button>
		            <button type="button" class="btn btn-primary" id="CheckOrderTwo">查看订单详情 </button>
		         </div>
		 	 </div>
		  	</div>
		  </div>
		  
		  <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		   <div class="modal-dialog">
		      <div class="modal-content">
		         <div class="modal-header">
		            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		            <h4 class="modal-title" id="myModalLabel">温馨提示</h4>
		         </div>
		         <div class="modal-body">
		         	<p class="rentpay_paymodal_pay_one">订单未支付</p>
		         	<p class="rentpay_paymodal_pay_two">抱歉，当前未收到银行或第三方平台的支付确认，为避免重复支付，请确认您的银行卡或平台账户是否可以扣款，如已扣款请联系搜房车客服进行处理。</p>
		         </div>
		         <div class="modal-footer">
		            <button type="button" class="btn btn-default">知道了</button>
		            <button type="button" class="btn btn-primary" id="CheckOrderOne">查看订单详情 </button>
		         </div>
		 	 </div>
		  	</div>
		  </div>
		  